<template>
	<view>
		<view class="ucm-top">
		<view class="sum color2">
			{{userInfo.cprice || 0}}
		</view>
		<view class="color-9b">累计产量</view>
	</view>
	<view class="tabs-buy-list">
		<block v-for="(item, index) in jackpotList" :key="index">
			<view class="tbl-item">
				<view class="item buy-type one">
					{{ item.createTime }}
				</view>
				<view class="item">
					+{{ item.price }}
				</view>
				<view class="item">{{ item.note }}</view>
			</view>
		</block>
	</view>
	</view>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
	data() {
		return {
		};
	},
	computed: {
		...mapGetters({
			userInfo: 'getUserInfo'
		})
	},
	onShow () {
	},
	methods: {
		getJackpot () {
			this.loadEnd = true
			uni.showLoading({
				title: ''
			});
			this.$http.getJackpot().then(res => {
				uni.hideLoading()
				this.loadEnd = false
				const data = res.data;
				if (data.success) {
					this.jackpotList = data.data.data
					return
				}
				uni.showToast({
					title: data.errMsg,
					icon: 'none'
				});
			})
		}
	}
};
</script>

<style scoped lang="scss">
.ucm-top {
	padding: 20upx;
	margin: 20upx 30upx;
	background-color: #fff;
	text-align: center;
	border-radius: 10upx;
	box-shadow: 0 5upx 15upx 0 rgba(0, 0, 0, 0.1);
	.sum {
		font-size: 40upx;
		text {
			margin-left: 10upx;
			font-size: 24upx;
			color: #9b9b9b;
		}
	}
}
</style>
